<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>

    <link rel="stylesheet" href="swiper.min.css"/>
    <link rel="stylesheet" href="asd.css"/>
    <script src="jquery-3.4.1.min.js"></script>
    <script src="swiper.min.js"></script>


<!--    <style>
        ul{
            list-style: none;
        }
        ul>li{
            width: 200px;
            border-bottom: 1px solid black;
            padding-top: 20px;
        }
    </style>-->
</head>
<body>



<!--
<ul class="ul">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>
<button id="wwxssz">点击隐藏/显示</button>
-->
<!--

<button  class="btn">按钮</button>

<div class="div"></div>

<div class="di">
    <button class="bt">关闭</button>
</div>



-->

<!--下滑栏-->

<!--
<ul class="li">
    <li >
        <h1 class="h">单元1</h1>
        <ul class="u">
            <li>单1</li>
            <li>单1</li>
            <li>单1</li>
            <li>单1</li>
        </ul>
    </li>
    <li>
        <h1 class="h">单元2</h1>
        <ul class="u">
            <li>单2</li>
            <li>单2</li>

        </ul>
    </li>
    <li >
        <h1 class="h">单元3</h1>
        <ul class="u">
            <li>单3</li>
            <li>单3</li>
            <li>单3</li>

        </ul>
    </li>
</ul >


&lt;!&ndash;单多选&ndash;&gt;
<ul class="sb">
    <li>按钮1</li>
    <li>按钮2</li>
    <li>按钮3</li>
    <li>按钮4</li>
    <li>按钮5</li>
</ul>


&lt;!&ndash;开关&ndash;&gt;

<button class="bu" type="button">开关</button>


&lt;!&ndash;跳转页面&ndash;&gt;
<a   href="http://www.baidu.com">百度</a>


<div  id="lll">跳转腾讯网</div>



-->
<!--  swiper  用法 -->
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide a-1">Slide 1</div>
        <div class="swiper-slide a-2">Slide 2</div>
        <div class="swiper-slide a-3">Slide 3</div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>

    <!-- 如果需要导航按钮 -->
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>

    <!-- 如果需要滚动条 -->
    <!--<div class="swiper-scrollbar"></div>-->
</div>
























<script src="asd.js"></script>
</body>
</html>
